<!-- @format -->

<script setup></script>

<template>
	<!-- Card卡片组件 -->
	<el-card style="max-width: 480px">
		<!-- 
      头部：具名插槽 header 进行分发
    -->
		<template #header>
			<div class="card-header">
				<span>Card name</span>
			</div>
		</template>
		<!-- 
      主体：默认插槽进行分发
    -->
		<p
			v-for="o in 4"
			:key="o"
			class="text item">
			{{ 'List item ' + o }}
		</p>
		<!-- 
      底部：具名插槽 footer 进行分发
    -->
		<template #footer>Footer content</template>
	</el-card>
</template>

<style scoped></style>
